<!--
 * @Description: 
 * @Version: 
 * @Autor: Gao Yu
 * @Date: 2019-12-15 19:49:30
 * @LastEditors: Gao Yu
 * @LastEditTime: 2020-03-02 09:44:55
 -->
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Upload buttons</title>


<link rel="stylesheet" href="css/style.css">

</head>
<body>

<div class="container">

    <a href="" class="button">
        <ul>
            <li>Upload</li>
            <li>Uploading</li>
            <li>Uploaded</li>
        </ul>
        <div>
            <svg viewBox="0 0 24 24"></svg>
        </div>
    </a>

    <a href="" class="button dark-single">
        <div>
            <svg viewBox="0 0 24 24"></svg>
        </div>
    </a>

    <div></div>

    <a href="" class="button white-single">
        <div>
            <svg viewBox="0 0 24 24"></svg>
        </div>
    </a>

    <a href="" class="button dark">
        <ul>
            <li>Upload</li>
            <li>Uploading</li>
            <li>Uploaded</li>
        </ul>
        <div>
            <svg viewBox="0 0 24 24"></svg>
        </div>
    </a>

</div>

<!-- 
  <script src='js/gsap-latest-beta.min.js'></script>
  <script src="js/script.js"></script> -->

</body>
</html>